/* ============================================================
   Origin — Design tokens (subset of the Origin Design System)
   Light mode (default) + Dark mode ([data-theme="dark"])
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  /* Surface */
  --bg:        #FAF7F0;
  --bg-card:   #FFFFFF;
  --bg-soft:   #F4EDE0;
  --bg-deep:   #EFE5D2;
  --bg-input:  #FFFFFF;

  /* Ink */
  --ink:       #1F1B16;
  --ink-soft:  #5C5147;
  --muted:     #8B8378;
  --faint:     #B8B0A3;

  /* Accent — warm bronze */
  --accent:      #8B6F47;
  --accent-deep: #5C4A2E;
  --accent-soft: #C8A97E;

  /* Gold */
  --gold:           #D4A24C;
  --gold-bright:    #E8C078;
  --gold-highlight: #FFE8B8;

  /* Rules */
  --rule:      #E8DDC9;
  --rule-soft: #F0E8D5;
  --highlight: #FFF8E7;

  /* Provenance */
  --prov-sacred-bg:  #FFF4D6; --prov-sacred-bd:  #D4A24C; --prov-sacred-ink:  #8B6F47;
  --prov-interp-bg:  #F4E8D6; --prov-interp-bd:  #B8860B; --prov-interp-ink:  #5C4A2E;
  --prov-context-bg: #E6E8EE; --prov-context-bd: #9BAEC2; --prov-context-ink: #4F5E78;
  --prov-prompt-bg:  #EFE4F0; --prov-prompt-bd:  #A66BA6; --prov-prompt-ink:  #5E3970;
  --prov-yours-bg:   #F4E2D9; --prov-yours-bd:   #B85C3C; --prov-yours-ink:   #6B3B27;

  /* Traditions */
  --tradition-bahai-bg:     #FFF4D6; --tradition-bahai-ink:     #5C4A2E;
  --tradition-christian-bg: #F4EBD8; --tradition-christian-ink: #6B5524;
  --tradition-jewish-bg:    #E8EFE9; --tradition-jewish-ink:    #2E4632;
  --tradition-islamic-bg:   #E0EBEC; --tradition-islamic-ink:   #1F4A4E;
  --tradition-babi-bg:      #F4E2D9; --tradition-babi-ink:      #6B3B27;

  /* Feedback */
  --error:    #B85C3C;
  --error-bg: #F4E2D9;
  --success:  #4A5D52;

  /* Type */
  --serif: 'Crimson Pro', 'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --text-2xs: 9px;
  --text-xs:  10px;
  --text-sm:  11px;
  --text-base:13px;
  --text-md:  15px;
  --text-lg:  18px;
  --text-2xl: 26px;
  --text-3xl: 32px;
  --text-4xl: 42px;

  /* Space (4px grid) */
  --space-1: 4px;  --space-2: 8px;   --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px;  --space-8: 32px; --space-10: 40px;
  --space-12: 48px; --space-16: 64px; --space-24: 96px;

  /* Motion */
  --dur-fast: 120ms;
  --dur-normal: 200ms;
  --dur-slow: 320ms;
  --ease: cubic-bezier(0.33, 1, 0.68, 1);

  /* Realm crossing — field morph + DOM colour drift share this */
  --dur-realm: 1600ms;

  --radius-card: 14px;
  --shadow-card: 0 1px 3px rgba(31, 27, 22, 0.05), 0 4px 14px rgba(31, 27, 22, 0.04);

  /* Field scrim — keeps text AA-legible over the living canvas */
  --scrim: rgba(250, 247, 240, 0.0);
  --scrim-strong: rgba(250, 247, 240, 0.55);
  --header-scrim: rgba(250, 247, 240, 0.72);
}

[data-theme="dark"] {
  --bg:        #151310;
  --bg-card:   #1E1B17;
  --bg-soft:   #262219;
  --bg-deep:   #2E2920;
  --bg-input:  #1E1B17;

  --ink:       #EDE8DE;
  --ink-soft:  #B8AFA3;
  --muted:     #8B8378;
  --faint:     #5C5549;

  --accent:      #C8A97E;
  --accent-deep: #D4B88E;
  --accent-soft: #8B6F47;

  --gold:           #D4A24C;
  --gold-bright:    #E8C078;
  --gold-highlight: #3D3018;

  --rule:      #332D24;
  --rule-soft: #2A2520;
  --highlight: #2A2418;

  --prov-sacred-bg:  #2E2618; --prov-sacred-bd:  #D4A24C; --prov-sacred-ink:  #D4B88E;
  --prov-interp-bg:  #2A2218; --prov-interp-bd:  #B8860B; --prov-interp-ink:  #D4B88E;
  --prov-context-bg: #1C1E26; --prov-context-bd: #7A90AC; --prov-context-ink: #B4C3D8;
  --prov-prompt-bg:  #241E28; --prov-prompt-bd:  #A66BA6; --prov-prompt-ink:  #C89CC8;
  --prov-yours-bg:   #2A1C18; --prov-yours-bd:   #B85C3C; --prov-yours-ink:   #D89880;

  --tradition-bahai-bg:     #2E2618; --tradition-bahai-ink:     #D4B88E;
  --tradition-christian-bg: #2A2418; --tradition-christian-ink: #C8A87A;
  --tradition-jewish-bg:    #1E2A22; --tradition-jewish-ink:    #7AAA88;
  --tradition-islamic-bg:   #1A2628; --tradition-islamic-ink:   #6AA0A4;
  --tradition-babi-bg:      #2A1C18; --tradition-babi-ink:      #D89880;

  --error:    #D4836A;
  --error-bg: #2A1C18;
  --success:  #7AAA88;

  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 14px rgba(0, 0, 0, 0.25);

  --scrim: rgba(21, 19, 16, 0.0);
  --scrim-strong: rgba(21, 19, 16, 0.55);
  --header-scrim: rgba(21, 19, 16, 0.72);
}