/* ── Wild West theme ──────────────────────────────────────
   Shared by the portal and the identity service's Admin UI. This file is the
   source of truth: identity-service/admin-ui/src/index.css mirrors the same
   token values. Dark values follow the OS setting (no manual toggle). */

@font-face {
  font-family: 'Rye';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/rye-latin-400.woff2) format('woff2');
}

@font-face {
  font-family: 'Bitter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(fonts/bitter-latin-wght.woff2) format('woff2-variations');
}

:root {
  /* Sun-bleached parchment */
  --color-bg:             #F3E6CC;
  --color-surface:        #FBF3E2;
  --color-surface-sunken: #EAD9B8;
  --color-border:         #D9C29A;
  --color-border-strong:  #BFA275;

  --color-accent:         #A63F14;
  --color-accent-hover:   #8A3410;
  --color-accent-soft:    #F4D9C4;
  --color-accent-text:    #8E3510;
  --color-on-accent:      #FFF8EC;

  --color-text:           #2E1F14;
  --color-text-muted:     #6B5440;
  --color-text-faint:     #8F7A62;

  --color-danger:         #B3261E;
  --color-danger-soft:    #F6DCD6;

  /* Hero revolvers (muted) */
  --gun-metal:    #7D766E;
  --gun-cylinder: #958D84;
  --gun-grip:     #9C8268;
  --flash-core:   #D8B470;
  --flash-rim:    #C08A5E;
  --smoke:        #BFA88866;

  --font-display: 'Rye', Georgia, serif;
  --font-body:    'Bitter Variable', Georgia, serif;

  --shadow:       0 1px 2px rgba(46, 31, 20, 0.08), 0 3px 10px rgba(46, 31, 20, 0.06);
  --shadow-raised: 0 2px 4px rgba(46, 31, 20, 0.10), 0 8px 20px rgba(46, 31, 20, 0.10);

  /* Faint paper grain behind everything */
  --paper-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .2 0 0 0 0 .1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Desert night by lantern light */
    --color-bg: #1A130E; --color-surface: #251B14; --color-surface-sunken: #140F0B;
    --color-border: #3A2C21; --color-border-strong: #56432F;
    --color-accent: #E08A3C; --color-accent-hover: #EDA25E; --color-accent-soft: #3D2716;
    --color-accent-text: #F0A766; --color-on-accent: #1F1108;
    --color-text: #F1E4CC; --color-text-muted: #BFA888; --color-text-faint: #8A7660;
    --color-danger: #EF6B5A; --color-danger-soft: #3E1B16;
    --gun-metal: #6F685F; --gun-cylinder: #5C564F; --gun-grip: #6E5A47;
    --flash-core: #A88A55; --flash-rim: #8E6446; --smoke: #8A766044;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    --shadow-raised: 0 2px 4px rgba(0, 0, 0, 0.4), 0 8px 20px rgba(0, 0, 0, 0.35);
    color-scheme: dark;
  }
}