/* Bricks — color tokens
   Base palette from Brandguide Bricks.pdf "PALETA DE CORES":
     #1D2E45, #294E6F, #275286, #3769A3, #9E7D49, #FFFFFF
   Extended navy range + semantic green/red observed throughout the
   BRICKS V2 investor deck (data call-outs, deltas, tags). */
:root {
  /* Base — brand navy family (darkest → lightest) */
  --brand-navy-950: #1D2E45; /* primary ink / deep backgrounds */
  --brand-navy-800: #182D46;
  --brand-navy-700: #294E6F;
  --brand-navy-600: #275286;
  --brand-navy-500: #3769A3;
  --brand-navy-400: #5F8DD3;
  --brand-navy-300: #77BDFD;

  /* Base — gold accent (sparing use: highlights, premium accents) */
  --brand-gold-500: #9E7D49;
  --brand-gold-300: #C7AC84;
  --brand-gold-100: #EFE6D6;

  /* Base — neutrals */
  --neutral-0: #FFFFFF;
  --neutral-50: #F5F7F7;
  --neutral-100: #EAEFF0;
  --neutral-300: #BABECC;
  --neutral-500: #798294;
  --neutral-700: #4B5468;
  --neutral-900: #1A2230;

  /* Base — semantic (financial deltas / status, from deck) */
  --semantic-green-600: #00953F;
  --semantic-green-500: #00BF63;
  --semantic-green-100: #DEF7E7;
  --semantic-red-600: #D61F1F;
  --semantic-red-500: #FF3131;
  --semantic-red-100: #FFE1E1;

  /* Semantic aliases — surfaces */
  --surface-page: var(--neutral-0);
  --surface-sunken: var(--neutral-50);
  --surface-card: var(--neutral-0);
  --surface-inverse: var(--brand-navy-950);
  --surface-inverse-raised: var(--brand-navy-700);
  --surface-brand: var(--brand-navy-950);
  --surface-brand-accent: var(--brand-navy-600);

  /* Semantic aliases — text */
  --text-primary: var(--brand-navy-950);
  --text-secondary: var(--neutral-500);
  --text-on-inverse: var(--neutral-0);
  --text-on-inverse-muted: var(--neutral-300);
  --text-link: var(--brand-navy-500);
  --text-link-hover: var(--brand-navy-600);

  /* Semantic aliases — borders */
  --border-subtle: var(--neutral-100);
  --border-default: var(--neutral-300);
  --border-inverse: rgba(255,255,255,0.16);

  /* Semantic aliases — interactive */
  --action-primary: var(--brand-navy-950);
  --action-primary-hover: #14233A;
  --action-primary-active: #0F1B2C;
  --action-secondary: var(--neutral-0);
  --action-secondary-hover: var(--neutral-50);
  --action-accent: var(--brand-gold-500);
  --focus-ring: var(--brand-navy-500);

  /* Semantic aliases — status */
  --status-positive: var(--semantic-green-600);
  --status-positive-bg: var(--semantic-green-100);
  --status-negative: var(--semantic-red-600);
  --status-negative-bg: var(--semantic-red-100);
}