/* Golf Cart Rental Pro — design tokens · ATELIER editorial skin (light mode only)
   Palette: off-white paper · ink-black · deep-forest accent · chartreuse spark.
   Variable NAMES are preserved from the original system so every view re-skins. */
:root {
  /* Surfaces — editorial paper */
  --gc-bg:        #EFEFE9;   /* outer wash / app backdrop */
  --gc-bg-warm:   linear-gradient(180deg, #FCFCFA 0%, #F4F4EF 100%);
  --gc-panel:     #FCFCFA;   /* paper — primary surface */
  --gc-panel-2:   #F6F6F1;   /* faint panel wash */
  --gc-panel-3:   #EFEFE9;   /* deeper wash (hover, fills) */
  --gc-paper:     #FCFCFA;
  --gc-paper-2:   #F6F6F1;

  /* Lines & borders — ink-tinted hairlines */
  --gc-border:    #E3E3DB;
  --gc-border-2:  #ECECE4;
  --gc-line:      #ECECE4;
  --gc-rule:      rgba(20,20,15,0.07);
  --gc-rule-bold: rgba(20,20,15,0.14);

  /* Text — ink */
  --gc-text:      #14140F;
  --gc-text-2:    #3A3A33;
  --gc-text-3:    #76766C;
  --gc-on-accent: #FFFFFF;
  --gc-ink:       #14140F;

  /* Brand accent — deep forest */
  --gc-accent:     #1F4D2E;
  --gc-accent-600: #1A4327;
  --gc-accent-700: #143A20;
  --gc-accent-50:  #EFF3EF;
  --gc-accent-100: #E0EAE1;
  --gc-accent-ring: rgba(31,77,46,0.18);

  /* Chartreuse spark (editorial highlight) */
  --gc-chartreuse:   #C6F032;
  --gc-chartreuse-d: #A6CF18;
  --gc-chartreuse-bg: rgba(166,207,24,0.18);

  /* Status palette — editorial tuned, sits on paper */
  --gc-blue:   #2F5FB0;  --gc-blue-bg:   #EEF2F9;  --gc-blue-line:  #CFDBEF;
  --gc-green:  #1F4D2E;  --gc-green-bg:  #ECF1EC;  --gc-green-line: #D2E0D2;
  --gc-amber:  #9A6311;  --gc-amber-bg:  #F8F0E2;  --gc-amber-line: #E7D6B7;
  --gc-red:    #B43C1E;  --gc-red-bg:    #F7ECE7;  --gc-red-line:   #ECD0C6;
  --gc-violet: #5E4A93;  --gc-violet-bg: #F0EDF7;  --gc-violet-line:#D9D0EB;
  --gc-gray:   #6F6F66;  --gc-gray-bg:   #F1F1EB;  --gc-gray-line:  #E3E3DB;

  /* Radii — crisp editorial */
  --gc-r-xs:   6px;
  --gc-r-sm:   8px;
  --gc-r:      12px;
  --gc-r-lg:   14px;
  --gc-r-xl:   18px;
  --gc-r-pill: 999px;

  /* Shadows — flat, ink-toned */
  --gc-shadow-xs: 0 1px 2px rgba(20,20,15,0.04);
  --gc-shadow-sm: 0 1px 2px rgba(20,20,15,0.05);
  --gc-shadow:    0 2px 10px -2px rgba(20,20,15,0.08);
  --gc-shadow-md: 0 14px 34px -16px rgba(20,20,15,0.22);
  --gc-shadow-lg: 0 34px 80px -34px rgba(20,20,15,0.40);

  /* Typography */
  --gc-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
             Arial, "Noto Sans", sans-serif;
  --gc-font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco,
                  "Cascadia Mono", Consolas, monospace;

  /* Metrics */
  --gc-sidebar-w: 260px;
  --gc-topbar-h:  68px;
  --gc-content-pad: 48px;

  /* Motion */
  --gc-t:      0.18s ease;
  --gc-t-slow: 0.32s cubic-bezier(0.22,0.61,0.36,1);

  /* Frond motif — faint botanical watermark (forest, baked low alpha) used as a
     background-image across surfaces to tie the editorial dashboard together. */
  --gc-frond: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M16 110C16 58 44 18 110 8 100 70 66 104 16 110Z' fill='%231F4D2E' fill-opacity='0.045'/%3E%3Cpath d='M26 100C44 70 74 36 100 18' fill='none' stroke='%231F4D2E' stroke-opacity='0.05' stroke-width='2'/%3E%3Cpath d='M38 92C46 78 56 66 66 58M50 86C56 74 64 66 74 60M64 80C70 70 78 64 86 60M34 78C40 70 48 64 56 60' fill='none' stroke='%231F4D2E' stroke-opacity='0.045' stroke-width='1.5'/%3E%3C/svg%3E");
}