/* ============================================================
   AccessOS (accessos.codigenius.com) — Per-property Overrides
   ============================================================

   Extends brand-tokens.css shared DNA with AccessOS-specific
   personality: steel-blue accent, product-forward feel,
   enterprise security SaaS positioning.

   Import order in HTML:
   <link rel="stylesheet" href="/shared/brand-tokens.css">
   <link rel="stylesheet" href="/shared/brand-tokens-accessos.css">

   Source of truth: cg-claude/data/company/identity/brand/product-sub-brand-system.md
   ============================================================ */

:root {
  /* --------------------------------------------------------
     ACCENT — AccessOS personality (steel blue)
     -------------------------------------------------------- */

  --accent: #3278A1;             /* Steel blue — CTAs, links, highlights */
  --accent-hover: #276187;       /* Darker on hover */
  --accent-vivid: #4A93BE;       /* Vivid variant for gradients */
  --accent-subtle: rgba(50, 120, 161, 0.1);  /* Backgrounds, hover states */
  --accent-fg: #FFFFFF;          /* Text color on accent-colored backgrounds */

  /* Semantic status colors (product UI — kept for module category tints) */
  --status-success: #059669;     /* "Access granted" green */
  --status-warning: #D97706;     /* Warning amber (sparingly used) */
  --status-danger: #DC2626;      /* Alert / denied red */

  /* --------------------------------------------------------
     DISPLAY TREATMENT — AccessOS
     -------------------------------------------------------- */

  /* Display: General Sans with tighter tracking + larger weights
     Distinct from corporate via SIZE + TRACKING, not font family */

  --fs-hero: clamp(3rem, 7vw, 5rem);         /* Bigger than corporate for impact */
  --ls-hero: -0.035em;                        /* Tighter tracking on hero */
  --fw-hero: var(--fw-bold);                  /* Always bold on display */

  /* --------------------------------------------------------
     MOTIF — Product-forward
     -------------------------------------------------------- */

  /* No decorative illustrations. Real product screens.
     Subtle blueprint grid available if used sparingly. */
  --grid-line: rgba(50, 120, 161, 0.06);     /* Very subtle grid on backgrounds */
  --grid-line-dark: rgba(74, 147, 190, 0.1); /* On dark sections */

  /* --------------------------------------------------------
     PRODUCT-SPECIFIC SHADOWS
     -------------------------------------------------------- */

  --shadow-product: 0 24px 60px rgba(10, 37, 64, 0.18), 0 8px 20px rgba(10, 37, 64, 0.08);
  /* For product screen mockups — a bit heavier than shared shadow */
}