/* ===========================================================
   AsijaCPA — Effects: borders, shadows, gradients
   Restrained, document-grade. Cards lean on a 1px navy hairline
   + a soft low shadow rather than heavy elevation. The signature
   flourishes are the gold masthead underline and the skewed gold
   logo bars.
   =========================================================== */
:root{
  /* ---- Borders ----------------------------------------------- */
  --border-hairline:1px solid var(--line-navy);
  --border-card:1px solid rgba(8,8,62,.08); /* @kind other */
  --border-strong:2px solid var(--navy-800);

  /* ---- Shadows (soft, low) ----------------------------------- */
  --shadow-sm:0 1px 2px rgba(8,8,62,.06);
  --shadow-card:0 8px 24px rgba(8,8,62,.07);
  --shadow-raised:0 18px 48px rgba(8,8,62,.12);
  --shadow-chip:0 6px 18px rgba(8,8,62,.18);

  /* ---- Signature gradients ----------------------------------- */
  --grad-gold:linear-gradient(90deg, var(--gold-600), var(--gold-400));
  --grad-gold-v:linear-gradient(180deg, var(--gold-400), var(--gold-600));
  --grad-paper:linear-gradient(170deg, #fff, #F3EFE7); /* @kind color */
  --grad-sage:linear-gradient(135deg, var(--sage-600), var(--sage-400));
  /* Navy ad gradient — the "Tax Doctor" social/marketing background.
     Deep navy lifting to a slightly lighter navy, top-left light source. */
  --grad-ad-navy:linear-gradient(145deg, #0E2E58 0%, #0C2A50 45%, #081C38 100%); /* @kind color */

  /* ---- Signature textures ------------------------------------ */
  /* Jaali — the Indo-Islamic lattice the "Tax Doctor" handout uses as a
     cultural-heritage background texture: crossed gold hairlines at low
     opacity over navy. Apply as a background-image. */
  --jaali:repeating-linear-gradient(45deg, rgba(193,154,78,.5) 0 1px, transparent 1px 11px),
          repeating-linear-gradient(-45deg, rgba(193,154,78,.5) 0 1px, transparent 1px 11px); /* @kind other */
  /* Jaali dash rule — the gold/navy dashed stripe atop footer CTAs. */
  --jaali-rule:repeating-linear-gradient(90deg, #C19A4E 0 8px, #16386A 8px 16px); /* @kind other */

  /* ---- The gold masthead underline (header accent bar) ------- */
  --rule-gold:6px;          /* thickness under dark mastheads */

  /* ---- Motion ------------------------------------------------ */
  --ease-out:cubic-bezier(.2,.7,.3,1); /* @kind other */
  --ease-in-out:cubic-bezier(.5,0,.2,1); /* @kind other */
  --dur-fast:140ms; /* @kind other */
  --dur:240ms; /* @kind other */
  --dur-slow:480ms; /* @kind other */
  /* Brand motion: quiet, professional. Short opacity+translate
     fades on entrance; no bounces, no decorative loops. Documents
     and decks render statically for PDF / PPTX export. */
}