/* Studio Edit — portfolio skin
   GENERATED from tokens/contract.json and this skin's JSON — do not edit. Run `npm run
   gen:tokens` after changing the JSON.

   The reference skin a published portfolio wears, and the same values the contract holds
   as templates. It overrides nothing; it is registered so the default can be selected and
   nested inside another skin, which :root alone cannot do.

   A skin assigns the contract and nothing else. It may not add a selector for a
   component internal — if it needs a hook the anatomy does not expose, that is a gap
   in the anatomy and it gets fixed there.
*/

[data-se-skin="portfolio"] {
  --se-bg:                  #FBFAF8;
  --se-surface:             #FFFFFF;
  --se-surface-sunk:        #F2EFE9;
  --se-surface-raised:      #FFFFFF;
  --se-surface-highlight:   #EAEFFD;
  --se-surface-selected:    #D5DEFA;
  --se-surface-readonly:    var(--se-surface);
  --se-border:              #E8E4DE;
  --se-border-strong:       #D6D1C9;
  --se-border-hover:        #A9A29A;
  --se-text:                #262934;
  --se-text-muted:          #6E6862;
  --se-text-placeholder:    var(--se-text-muted);
  --se-text-disabled:       #B5AFA6;
  --se-text-on-intent:      #FFFFFF;
  --se-text-inverse:        #D9D4CC;
  --se-text-muted-inverse:  #9C978E;
  --se-accent:              #2F5BE8;
  --se-accent-soft:         #EEF2FE;
  --se-accent-line:         #DBE3FC;
  --se-positive:            #1F6B4A;
  --se-negative:            #B8402A;
  --se-warning:             #8A5A0F;
  --se-font-sans:           Archivo, system-ui, sans-serif;
  --se-font-code:           "Fragment Mono", ui-monospace, monospace;
  --se-font-meta:           "Archivo Narrow", system-ui, sans-serif;
  --se-font-icon:           "Phosphor", sans-serif;
  --se-font-icon-strong:    "Phosphor-Bold", sans-serif;
  --se-text-xs:             calc(0.75rem * var(--se-font-scale, 1));
  --se-text-sm:             calc(0.8125rem * var(--se-font-scale, 1));
  --se-text-md:             calc(clamp(1rem, 0.97rem + 0.13cqi, 1.0625rem) * var(--se-font-scale, 1));
  --se-text-lg:             calc(clamp(1.125rem, 1.05rem + 0.36cqi, 1.25rem) * var(--se-font-scale, 1));
  --se-text-xl:             calc(clamp(1.25rem, 1.09rem + 0.71cqi, 1.5rem) * var(--se-font-scale, 1));
  --se-text-2xl:            calc(clamp(1.5rem, 1.11rem + 1.79cqi, 2rem) * var(--se-font-scale, 1));
  --se-text-3xl:            calc(clamp(2.125rem, 1.27rem + 3.93cqi, 3rem) * var(--se-font-scale, 1));
  --se-text-4xl:            calc(clamp(2.5rem, 0.93rem + 7.14cqi, 5rem) * var(--se-font-scale, 1));
  --se-weight-regular:      400;
  --se-weight-medium:       500;
  --se-weight-semibold:     600;
  --se-weight-bold:         700;
  --se-leading-display:     0.98;
  --se-leading-heading:     1.12;
  --se-leading-lead:        1.45;
  --se-leading-body:        1.6;
  --se-leading-ui:          1.2;
  --se-leading-code:        1.8;
  --se-tracking-display:    -0.035em;
  --se-tracking-heading:    -0.02em;
  --se-tracking-body:       0;
  --se-tracking-label:      0.1em;
  --se-measure-tight:       46ch;
  --se-measure-base:        68ch;
  --se-measure-wide:        84ch;
  --se-space-1:             calc(0.25rem * var(--se-density, 1));
  --se-space-2:             calc(0.5rem * var(--se-density, 1));
  --se-space-3:             calc(0.75rem * var(--se-density, 1));
  --se-space-4:             calc(1rem * var(--se-density, 1));
  --se-space-5:             calc(1.5rem * var(--se-density, 1));
  --se-space-6:             calc(2rem * var(--se-density, 1));
  --se-space-7:             calc(3rem * var(--se-density, 1));
  --se-space-8:             calc(4.5rem * var(--se-density, 1));
  --se-section-y:           clamp(3.5rem, 8cqi, 5.5rem);
  --se-page-gutter:         clamp(1.25rem, 4cqi, 2rem);
  --se-stack-gap:           clamp(1rem, 2.5cqi, 1.5rem);
  --se-radius-none:         0;
  --se-radius-sm:           0.3125rem;
  --se-radius-md:           0.4375rem;
  --se-radius-lg:           0.75rem;
  --se-radius-pill:         999px;
  --se-radius-nested:       calc(var(--se-radius-lg) - var(--se-space-3));
  --se-border-width:        1px;
  --se-choice-box:          calc(var(--se-text-md) * 1.25);
  --se-choice-row:          calc(var(--se-text-md) * 1.75);
  --se-switch-track:        calc(var(--se-text-md) * 2.25);
  --se-thumb-size:          var(--se-choice-box);
  --se-shadow-none:         none;
  --se-shadow-raised:       0 1px 2px rgba(38, 41, 52, 0.06), 0 1px 1px rgba(38, 41, 52, 0.04);
  --se-shadow-floating:     0 4px 12px -2px rgba(38, 41, 52, 0.10), 0 2px 4px -1px rgba(38, 41, 52, 0.06);
  --se-shadow-overlay:      0 16px 40px -8px rgba(38, 41, 52, 0.18), 0 4px 12px -4px rgba(38, 41, 52, 0.10);
  --se-shadow-dragging:     0 24px 48px -12px rgba(38, 41, 52, 0.24), 0 8px 16px -8px rgba(38, 41, 52, 0.12);
  --se-layer-raised:        10;
  --se-layer-floating:      20;
  --se-layer-backdrop:      30;
  --se-layer-overlay:       40;
  --se-layer-dragging:      50;
  --se-focus-width:         2px;
  --se-focus-offset:        2px;
  --se-focus-color:         var(--se-accent);
  --se-icon-sm:             1rem;
  --se-icon-md:             1.25rem;
  --se-icon-lg:             1.5rem;
  --se-icon-weight:         regular;
  --se-icon-weight-strong:  bold;
  --se-duration-instant:    80ms;
  --se-duration-fast:       160ms;
  --se-duration-medium:     240ms;
  --se-duration-slow:       400ms;
  --se-ease-standard:       cubic-bezier(0.2, 0, 0, 1);
  --se-ease-decelerate:     cubic-bezier(0, 0, 0, 1);
  --se-ease-accelerate:     cubic-bezier(0.3, 0, 1, 1);
  --se-container-max:       72.5rem;
  --se-bp-md:               40rem;
  --se-bp-lg:               64rem;
  --se-grid-columns:        4;
  --se-grid-gutter:         var(--se-space-4);
  --se-grid-margin:         var(--se-page-gutter);
  --se-col-min:             14rem;
  --se-sidebar-min:         14rem;
  --se-popup-max-h:         16rem;
  --se-switch-at:           38rem;
  --se-density-compact:     0.75;
  --se-density-spacious:    1.25;
  --se-target-min:          2.75rem;
  --se-control-h-sm:        calc(var(--se-text-md) * 2);
  --se-control-h:           calc(var(--se-text-md) * 2.5);
  --se-control-h-lg:        calc(var(--se-text-md) * 3);
  --se-mix-soft:            8%;
  --se-mix-press:           18%;
  --se-mix-hover:           88%;
  --se-mix-down:            78%;
  --se-mix-line:            60%;
  --se-mix-shade:           #262934;
}