/* Oils & Aperture Gallery -- colour.

   The six blade colours are MEASURED from the logo file
   (Logo aperture tightened_revised.png), not chosen alongside it. Together
   they cover 90% of the opaque mark; everything else in that PNG is
   anti-aliasing blend.

   Critical: none of the six pass WCAG AA as text on a light ground -- they run
   1.47:1 to 2.42:1 against --ground. They are mark, fill and surface colours
   only. On the dark ground they are strong (6.75:1 to 11.07:1) and may be used
   as text there. Text on light is carried by the browns below. */
:root {
  /* --- logo blades, in rotation order. % = share of the mark's opaque area --- */
  --blade-1: #E5CDA9;  /* 10.45%  palest tan   -- 1.47:1 on light, 11.07:1 on dark */
  --blade-2: #E2B984;  /* 13.54%               -- 1.75:1 / 9.34:1  */
  --blade-3: #DFA45F;  /* 15.70%               -- 2.09:1 / 7.80:1  */
  --blade-4: #E1913D;  /* 17.43%               -- 2.42:1 / 6.75:1  */
  --blade-5: #EDA024;  /* 14.50%               -- 2.08:1 / 7.84:1  */
  --blade-6: #FBB50E;  /* 18.36%  brightest    -- 1.71:1 / 9.51:1  */

  /* Convenience aliases. --brand is blade-4: the most saturated colour that
     still reads as brown-orange rather than yellow, so it survives as a UI
     accent (borders, focus rings, active states) where blade-6 would glare. */
  --brand: var(--blade-4);
  --brand-bright: var(--blade-6);
  --brand-pale: var(--blade-1);

  /* --- grounds and surfaces --- */
  --ground: #FAFAF8;        /* page -- the detail views and UI */
  --surface: #F2EDE6;       /* panels, spec blocks, inset areas */
  --ground-dark: #1C1C1C;   /* the splash screen */

  /* --- text on the dark ground ---
     The logo appears only on dark, on the opening splash screen. Nothing on
     that screen sits on light, so it needs its own text ramp. Warm off-whites,
     not pure white -- pure white against the tan/amber mark reads cold and
     makes the blades look dirty. */
  --dark-ink: #F7F1E8;      /* 15.18:1  wordmark and headings on dark */
  --dark-ink-body: #EADCC8; /* 12.64:1  supporting copy on dark */
  --dark-ink-muted: #BFA98A;/*  7.51:1  captions, "enter" prompts */

  /* --- text. Ratios are against --ground. --- */
  --ink: #3A2A18;           /* 13.18:1  headings, primary text */
  --ink-body: #5C4B39;      /*  7.97:1  body copy */
  --ink-muted: #7A6650;     /*  5.23:1  meta, dimensions, secondary */
  --ink-accent: #8A5E22;    /*  5.42:1  labels, attribution -- warm, still AA */

  /* --- borders --- */
  --line: rgba(58, 42, 24, 0.14);
  --line-strong: rgba(58, 42, 24, 0.28);
}